<html>
<head>
	<title></title>
	<style type="text/css">
		.ul1>li{
			padding:5px;
			margin:2px;
			border:1px solid tomato;
		}
		.li1>ul{
			border:1px solid LightPink;
		}
		.ul2 li{
			padding: 5px;
			margin:2px;
			border:1px solid Gold;
		}
		.a{
			font-style:italic;
			padding-bottom:10px;
			text-decoration:underline;
			text-transform:uppercase;
		}
		.b{ 
			color: tomato;
			line-height:40px;
			font-style:oblique;
			text-shadow: 8px 8px 2px red;
		}
		.c{
			width:200px;
			height:40px;
			border:1px solid tomato;
			color: tomato;
			line-height:40px;
			margin-top:20px;
			letter-spacing:2px;
			word-spacing:5px;
			font-variant:small-caps;
		}
		.d{
			font:italic 25px/60px '仿宋' ;
		}
		a{	
			padding: 10px;
			width: 120px;
			background-color: tomato;
			color: #ffffff;
			text-decoration: none;
			border-radius: 4px;
		}
		a:hover{
			background-color: red;
		}
		a:active{
			background-color: LightPink;
		}
		a:visited{
			background-color: orange;
		}
	</style>
</head>
<body>
	<ul class="ul1">
		<li class="li1">可伶可俐祛痘膏
			<ul class="ul2">
				<li>红豆、红豆</li>
				<li>大红豆、大红豆</li>
				<li>芋头、芋头</li>
				<li>恰恰恰恰恰恰</li>
			</ul>
		</li>
		<li>西瓜</li>
		<li>苹果</li>
		<li>鸭梨</li>
	</ul>
	<div class="a">Hello world!你好！123</div>
	<div class="b">Hello!你好！123</div>
	<div class="c">Hello world!你好 </div>
	<div class="d">仙女排行榜榜眼</div>
	<a href="http://www.baidu.com">本按钮是个姑娘</a>
</body>
</html>